function remResize() {
  // 1. 获得屏幕的宽度
  let clientWidth = document.documentElement.clientWidth
  // 2. 将屏幕的宽度等分,等分的目的: 降低rem值的大小,便于换算,提交精确度
  let rem  = clientWidth / 10
  // 3. 设置根节点的字体大小
  document.documentElement.style.fontSize = rem + 'px'
  // 4. 设置body的字体大小(子元素会继承父元素的字体大小)
  document.body.style.fontSize = '16px'
}

// 当页面初始化时调用remResize
window.addEventListener('pageshow', () => {
  remResize()
})

// 当页面发生变化时调用remResize
let timer;
window.addEventListener('resize', () => {
  timer && clearTimeout(timer)
  timer = setTimeout(() => {
    remResize()
  }, 2000)
})